import React, { Component } from 'react'
import '../assert/css/Uncenter.css'
import pic_04 from "../assert/imgs/pic/04.png"
import payment from"../assert/imgs/icon/payment.png"
import delivery from"../assert/imgs/icon/delivery.png"
import evaluation from"../assert/imgs/icon/evaluation.png"
import service from"../assert/imgs/icon/service.png"
import mid from"../assert/imgs/banner/mid.png"

export default class Uncenter extends Component {
    render() {
        return (
            <div>
                <div className="page-title">会员中心</div>
                <div className="container">
                    <div className="top">
                        <div className="header">
                            <div className="avatar">
                                <img src={pic_04} alt="" />
                            </div>
                            <div className="info">
                                <h3>张三</h3>
                            </div>
                            <div className="tag">每日签到</div>
                        </div>
                        <ul className="info-list">
                            <li>
                                <h3>12</h3>
                                <p>我的收藏</p>
                            </li>
                            <li>
                                <h3>12</h3>
                                <p>浏览记录</p>
                            </li>
                            <li>
                                <h3>&yen;12</h3>
                                <p>我的红包</p>
                            </li>
                            <li>
                                <h3>12</h3>
                                <p>优惠券</p>
                            </li>
                        </ul>
                        <div className="order-info">
                            <div className="title">
                                <h3>我的订单</h3>
                                <span>全部订单 &gt; </span>
                            </div>
                            <ul>
                                <li>
                                    <img src={payment} alt="" />
                                    <p>待付款</p>
                                </li>
                                <li>
                                    <img src={delivery} alt="" />
                                    <p>待收货</p>

                                </li>
                                <li>
                                    <img src={evaluation} alt="" />
                                    <p>评价</p>

                                </li>
                                <li>
                                    <img src={service} alt="" />
                                    <p>售后/退款</p>

                                </li>
                            </ul>
                        </div>
                    </div>

                    <div className="banner">
                        <img src={mid} alt="" />
                    </div>

                    <ul className="section">
                        <li>地址管理</li>
                        <li>我的钱包</li>
                        <li>我的二维码</li>
                        <li>我的小伙伴</li>
                        <li>0元试用</li>
                    </ul>
                </div>
            </div>
        )
    }
}
